﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>

<head>
    <meta charset="UTF-8">
    <title>江西中医药大学知识管理平台</title>
    <link rel="stylesheet" type="text/css" href="~/Content/inc/css/index.css" />
    @*<script src="inc/js/jquery.min.js"></script>
        <script src="inc/js/echarts.simple.min.js"></script>*@
    <script src="~/Content/inc/js/jquery.min.js"></script>
    <script src="~/Content/inc/js/echarts.simple.min.js"></script>
    <style>
        .map_tit {
            background-color: #2A8CD7;
            color: #fff;
            padding: 10px;
            text-align: center;
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 10px;
        }

        .imgBox {
            height: 200px;
            width: 200px;
            float: left;
            width: 20%;
            margin-right: 6%;
            text-align: center;
        }

            .imgBox img {
                height: 150px;
                width: 150px;
                border-radius: 50%;
            }

            .imgBox div {
                margin: 10px 0;
                font-size: 22px;
            }

        .search_pic {
            margin: 30px;
            height: 50px;
            position: relative;
        }

            .search_pic input {
                height: 45px;
                width: 200px;
                position: absolute;
                text-indent: 10px;
            }

            .search_pic img {
                margin-top: 4px;
                margin-left: 160px;
                position: absolute;
                cursor: pointer;
            }
    </style>
</head>

<body>
    <!--------------------- --头部 ------------------------->
    <header>
        <div class="up">
            <div class="wrapper">
                <div class="fr">
                    <span>您好</span>
                    <span>李老师</span>
                    <span>|</span>
                    <span>退出</span>
                    <span class="msg">
                        消息
                        <a id="msgNum">71</a>
                    </span>
                </div>
            </div>
        </div>
        <div class="down">
            <div class="wrapper">
                <div class="logo fl">
                    <img class="fl" src="/Content/inc/img/logo.png" />
                    <span class="fl">江西中医院大学知识管理平台</span>
                </div>
                <div class="search fr">
                    <div class="search_tit">
                        <span class="active">全部</span>
                        <span>标签</span>
                        <span>标签</span>
                        <span>标签</span>
                    </div>
                    <div class="search_inp">
                        <div>
                            <input id="searchbtn" type="text" />
                            <img src="/Content/inc/img/seach.png" />
                        </div>
                        <div>
                            <span>搜索</span>
                            <span>高级检索</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div style="border-bottom: 1px solid #E3E3E3;height: 158px;">
        <div class="wrapper">
            <div class="icon">
                <div>
                    <img src="/Content/inc/img/1.png" />
                </div>
                <div>
                    <p>规培</p>
                    <p>平台</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/2.png" />
                </div>
                <div>
                    <p>OK</p>
                    <p>MS</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/3.png" />
                </div>
                <div>
                    <p>知识</p>
                    <p>仓库</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/4.png" />
                </div>
                <div>
                    <p>统计</p>
                    <p>分析</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/5.png" />
                </div>
                <div>
                    <p>知识</p>
                    <p>问答</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/6.png" />
                </div>
                <div>
                    <p>维基</p>
                    <p>百科</p>
                </div>
                <div>
                    <img src="/Content/inc/img/12.png" />
                </div>
                <div>
                    <img src="/Content/inc/img/7.png" />
                </div>
                <div>
                    <p>中医药知识</p>
                    <p>工程管理</p>
                </div>
            </div>
        </div>
    </div>
    <!---------------------------------知识地图---------------------------------->
    <div style="padding-left: 18%;">
       @* <iframe align="middle" src="http://192.168.1.103:8099/KnowledgeMap/Detials?agent=http://localhost:51452/Home/agent" id="Iframe" frameborder="0" scrolling="no" style="border:0px;"></iframe>*@

        <iframe align="middle" src="http://192.168.1.148:8080/KnowledgeMap/Detials?agent=http://localhost:51452/Home/agent" id="Iframe" frameborder="0" scrolling="no" style="border:0px;"></iframe>
    </div>

  

    <footer>
        <div class="wrapper" style="padding: 20px;">
            <div class="foot" style="margin-left: 6%;">
                <img src="/Content/inc/img/foot.jpg" />
            </div>
            <div class="foot" style="width: 46%;">
                <p>版权所有：江西中医药大学 | 地址：江西省南昌市湾里区梅岭大道1688号</p>
                <p>邮编：330004 | 赣ICP备13005956号</p>
            </div>
            <div class="foot" style="border-right: none;">
                <p>
                    <img src="/Content/inc/img/001.jpg" />
                    <img src="/Content/inc/img/002.jpg" />
                </p>
                <p>网站备案编号：360105011063801</p>
            </div>
        </div>
    </footer>
    <div style="height: 50px;background-color: #2A8CD7;"></div>
    <script src="/Content/inc/js/echarts.js"></script>
    <script type="text/javascript">
			$(document).ready(function() {
				$('.tab').find('li').click(function() {
					var index = $(this).index();
					$(this).addClass('active').siblings().removeClass('active');
					$(this).parents(".mod_cont").find('.tabs').find('div').eq(index).show().siblings().hide();
				})
				$('.tab1').find('li').click(function() {
					var index = $(this).index();
					$(this).addClass('answer_active').siblings().removeClass('answer_active');
					$(this).parents(".card").find('.tabs1').find('div').eq(index).show().siblings().hide();
				})
				require.config({
					paths: {
						echarts: 'http://echarts.baidu.com/build/dist'
					}
				});

				// 使用
				require(
					[
						'echarts',
						'echarts/chart/line',
						'echarts/chart/pie',
						'echarts/chart/bar'// 使用柱状图就加载bar模块，按需加载
					],
					function(ec) {
						var echartsPie1 = echarts.init(document.getElementById('echartsPie1'));
						option = {
							tooltip: {
								trigger: 'item',
								formatter: "{a},{b}"
							},
							legend: {
								orient: 'vertical',
								 x: 'center',
        						 y: 'bottom',
								data: ['创作文档', '课题项目']
							},
							series: [{
								name: '访问来源',
								type: 'pie',
								radius: ['40px', '70px'],
								avoidLabelOverlap: false,
								label: {
									normal: {
										show: false,
										position: 'center'
									},
									emphasis: {
										show: true,
										textStyle: {
											fontSize: '18',
											fontWeight: 'bold'
										}
									}
								},
								labelLine: {
									normal: {
										show: false
									}
								},
								data: [{
										value: 333,
										name: '创作文档'
									},
									{
										value: 23,
										name: '课题项目'
									}
								]
							}]
						};
						echartsPie1.setOption(option);
						var echartsPie2 = echarts.init(document.getElementById('echartsPie2'));
						option = {
							tooltip: {
								trigger: 'item',
								formatter: "{a} {b}"
							},
							legend: {
								orient: 'vertical',
								 x: 'center',
        						 y: 'bottom',
								data: ['创作文档', '课题项目']
							},
							series: [{
								name: '访问来源',
								type: 'pie',
								radius: ['40px', '70px'],
								avoidLabelOverlap: false,
								label: {
									normal: {
										show: false,
										position: 'center'
									},
									emphasis: {
										show: true,
										textStyle: {
											fontSize: '18',
											fontWeight: 'bold'
										}
									}
								},
								labelLine: {
									normal: {
										show: false
									}
								},
								data: [

									{
										value: 310,
										name: '创作文档'
									},
									{
										value: 65,
										name: '课题项目'
									}
								]
							}]
						};

						echartsPie2.setOption(option);
						var echartsPie3 = echarts.init(document.getElementById('echartsPie3'));
						option = {
							 tooltip : {
				                trigger: 'axis',
				                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
				                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				                },
				                 formatter: function (params, ticket, callback) {
                                   console.log(params)
                                   var res = params[0].name ;
                                   for (var i = 0, l = params.length; i < l; i++) {
                                       res += '<br/>' + params[i].seriesName + ' : ' + Math.abs(params[i].value) ;
                                       }
                                   setTimeout(function () {
                                       // 仅为了模拟异步回调
                                       callback(ticket, res);
                                   }, 500)
                                   return 'loading...';
                               }
			                },
							legend: {
								orient: 'vertical',
								 x: 'center',
        						 y: 'bottom',
								data: ['文档库', '视频库', '成果库', '音频库', '图片库', '其他', '富文本库']
							},
							series: [{
								name: '访问来源',
								type: 'pie',
								radius: ['40px', '70px'],
								avoidLabelOverlap: false,
								label: {
									normal: {
										show: false,
										position: 'center'
									},
									emphasis: {
										show: true,
										textStyle: {
											fontSize: '18',
											fontWeight: 'bold'
										}
									}
								},
								labelLine: {
									normal: {
										show: false
									}
								},
								data: [{
										value: 335,
										name: '文档库'
									},
									{
										value: 310,
										name: '视频库'
									},
									{
										value: 234,
										name: '成果库'
									},
									{
										value: 135,
										name: '音频库'
									},
									{
										value: 135,
										name: '图片库'
									},
									{
										value: 135,
										name: '其他'
									},
									{
										value: 1548,
										name: '富文本库'
									}
								]
							}]
						};

						echartsPie3.setOption(option);
						var myChart = ec.init(document.getElementById('main'));
						var option = {
							title: {
								text: '某地区蒸发量和降水量',
								subtext: '纯属虚构'
							},
							tooltip: {
								trigger: 'axis'
							},
							legend: {
								data: ['蒸发量', '降水量']
							},
							toolbox: {
								show: true,
								feature: {
									mark: {
										show: true
									},
									dataView: {
										show: true,
										readOnly: false
									},
									magicType: {
										show: true,
										type: ['line', 'bar']
									},
									restore: {
										show: true
									},
									saveAsImage: {
										show: true
									}
								}
							},
							calculable: true,
							xAxis: [{
								type: 'category',
								data: ['文档库', '视频库', '音频库', '成果库', '图片库', '其他', '富文本库', '8月', '9月', '10月', '11月', '12月']
							}],
							yAxis: [{
								type: 'value'
							}],
							series: [{
									name: '蒸发量',
									type: 'bar',
									data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
									markPoint: {
										data: [{
												type: 'max',
												name: '最大值'
											},
											{
												type: 'min',
												name: '最小值'
											}
										]
									},
									markLine: {
										data: [{
											type: 'average',
											name: '平均值'
										}]
									}
								},
								{
									name: '降水量',
									type: 'bar',
									data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
									markPoint: {
										data: [{
												name: '年最高',
												value: 182.2,
												xAxis: 7,
												yAxis: 183,
												symbolSize: 18
											},
											{
												name: '年最低',
												value: 2.3,
												xAxis: 11,
												yAxis: 3
											}
										]
									},
									markLine: {
										data: [{
											type: 'average',
											name: '平均值'
										}]
									}
								}
							]
						};
						myChart.setOption(option);
					})
			});
			$(document).ready(function() {
				$('.tab').find('li').click(function() {
					var index = $(this).index();
					$(this).addClass('active').siblings().removeClass('active');
					$(this).parents(".mod_cont").find('.tabs').find('div').eq(index).show().siblings().hide();
				})
				$('.tab1').find('li').click(function() {
					var index = $(this).index();
					$(this).addClass('answer_active').siblings().removeClass('answer_active');
					$(this).parents(".card").find('.tabs1').find('div').eq(index).show().siblings().hide();
				})
				$(".search_tit span").click(function() {
					$(".search_tit span").removeClass('active');
					$(this).addClass('active');
				})

			});
    </script>
</body>

</html>
